import React from "react";
import frame from '../../style/frame.less';

class Nav extends React.Component {

    constructor(props) {
        super(props);
        this.onInputChange = this.onInputChange.bind(this);
        this.state = {value: ""};
    }

    onInputChange(e) {
        this.setState({value: e.target.value});
    }

    render() {
        return (
            <div style={{height: '40px'}}>
                <div className={frame.search}>高级搜索</div>
                <div className={frame.searchLabel}>
                    <div className={frame.searchKey}>
                        <div className={frame.input + " " + frame.text} style={{width: '240px', margin: '0 10px'}}>
                            <input type="text" placeholder="多个内容用分号隔开" onChange={this.onInputChange} value={this.state.value}></input>
                        </div>
                        <div className={frame.input + " " + frame.select}>
                            <div>按订单号</div>
                        </div>
                        <span className={frame.searchButton}>搜索</span>
                    </div>
                </div>
                <div className={frame.clear}></div>
            </div>
        )
    }
}

export default Nav
